<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>404 - 页面未找到</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
    <style>
        .error-body {
            background: linear-gradient(135deg, var(--gray-100), var(--gray-200));
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }

        .error-container {
            text-align: center;
            background-color: #fff;
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            padding: 50px;
            max-width: 500px;
            width: 100%;
        }

        .error-code {
            font-size: 120px;
            font-weight: 700;
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 20px;
        }

        .error-title {
            font-size: 28px;
            color: var(--gray-900);
            margin-bottom: 16px;
        }

        .error-desc {
            font-size: 16px;
            color: var(--gray-700);
            margin-bottom: 30px;
            line-height: 1.8;
        }

        .error-btn {
            padding: 12px 30px;
            font-size: 16px;
        }
    </style>
</head>
<body class="error-body">
<div class="error-container">
    <div class="error-code">404</div>
    <h2 class="error-title">页面未找到</h2>
    <p class="error-desc">
        <i class="fa fa-exclamation-circle"></i> 您访问的页面不存在、已被删除或URL地址错误<br>
        请检查URL拼写，或返回首页重新导航
    </p>
    <a href="${pageContext.request.contextPath}/DashboardServlet" class="btn btn-primary error-btn">
        <i class="fa fa-home"></i> 返回首页
    </a>
</div>
</body>
</html>